.w100 {
    width: 100%;
}

.w50 {
    width: 50%;
}

.w33 {
    width: 33.3333333333%;
}

.w25 {
    width: 25%;
}

.w20 {
    width: 20%;
}

.w10 {
    width: 10%;
}

.h10 {
    height: 10px;
}

.h20 {
    height: 20px;
}

.h30 {
    height: 30px;
}

.mg0 {
    margin: 0px auto;
}

.mg10 {
    margin: 10px auto 0;
}

.mg20 {
    margin: 20px auto 0;
}

.mg30 {
    margin: 30px auto 0;
}

.mg40 {
    margin: 40px auto 0;
}

.mg50 {
    margin: 50px auto 0;
}

.mg60 {
    margin: 60px auto 0;
}

.mg70 {
    margin: 70px auto 0;
}

.mg80 {
    margin: 80px auto 0;
}
.mg150 {
    margin: 150px auto 0;
}
.mg180 {
    margin: 180px auto 0;
}
.mg200 {
    margin: 200px auto 0;
}


/* 内边距样式 */
.pad-row10 {
    padding: 0 10px;
}

.pad-row15 {
    padding: 0 15px;
}

.pad-row20 {
    padding: 0 20px;
}

.pad-row30 {
    padding: 0 30px;
}


.pad-row80 {
    padding: 0 80px;
}

.pad-column10 {
    padding: 10px 0;
}

.pad-column20 {
    padding: 20px 0;
}

.pad-column30 {
    padding: 30px 0;
}

.pad10 {
    padding: 10px;
}

.pad20 {
    padding: 20px;
}

.pad30 {
    padding: 30px;
}

.pad40 {
    padding: 40px;
}

.line-1 {
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-2 {
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.h40 {
    height: 40px;
}